<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Logo of the website -->
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

	<!-- Title of the game -->
	<title>Guess The Random Shape</title>

	<!-- Stylesheet -->
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>

<body>
	<!-- Main heading -->
	<h1 class="heading">Shape Finder</h1>

	<!-- Game container -->
	<div class="container">
		<!-- Game board -->
		<canvas id="myCanvas" width="500" height="500"></canvas>

		<!-- Options -->
		<div id="options"></div>
	</div>
	<h2 class="creator">Created By <a href="https://github.com/codewithganeshhh" src="Github Account">Ganesh
        Kumar
    </a>👋</h2>

	<!-- Scoreboard -->
	<p id="score">Score : <span id="scoreValue">0</span></p>
	<p id="lifes">Lifes : <span id="lifesValue">5</span></p>

	<!-- Javascript file -->
	<script src="script.js"></script>
</body>

</html>